<template>
  <view class="box">
    <view v-for="item in 3" :key="item" class="contain">
      <text class="left">20230104暂存草稿</text>
      <text @click="edit" class="zhong">继续填写</text>
      <text @click="del" class="right">清除</text>
    </view>
    <uni-popup ref="alertDialog" type="dialog">
      <uni-popup-dialog
        cancelText="取消"
        confirmText="确定"
        title="删除确认"
        content="确定要删除该草稿箱吗？"
        @confirm="dialogConfirm"
        @close="dialogClose"
      ></uni-popup-dialog>
    </uni-popup>
  </view>
</template>

<script>
export default {
  name: "MinirabbitDrafts",

  data() {
    return {};
  },

  mounted() {},

  methods: {
    edit() {
      uni.navigateTo({
        url: "/pages/dispatch/draftsedit",
      });
    },
    del() {
      this.$refs.alertDialog.open();
    },
    dialogConfirm() {},
    dialogClose() {},
  },
};
</script>

<style lang="scss" scoped>
page {
  background-color: #f2f2f2;
}
.box {
  width: 100%;
  background-color: #f2f2f2;
  .contain {
    width: 100%;
    height: 70px;
    line-height: 70px;
    margin: 10px 0;
    background-color: #fff;
    .left {
      padding-left: 10%;
    }
    .zhong {
      padding-left: 20%;
      color: #6b75f2;
    }
    .right {
      padding-left: 5%;
      color: #6b75f2;
    }
  }
}
</style>